/* 增加断点 */
.main {
    padding-right: 10%;
}

@media screen and (max-width: 500px) {
    .picture {
        display: none;
    }

    .resume {
        width: 100%;
    }

    .sidebar,
    .main {
        float: none;
    }

}

@media screen and (min-width: 501px) and (max-width: 800px) {

    .resume,
    .picture {
        width: 50%;
    }

    .sidebar,
    .main {
        float: none;
    }

}

@media screen and (min-width: 801px) {

    .resume,
    .picture {
        width: 50%;
    }

    .part {
        box-sizing: border-box;
    }

    .sidebar {
        width: 30%;
        padding-right: 5%;
    }

    .main {
        width: 70%;
        padding-right: 15%;
    }

}